// 示例数据
const standingsData = [
    { rank: 1, team: '曼城', played: 38, win: 28, draw: 6, loss: 4, goalsFor: 83, goalsAgainst: 32, goalDifference: 51, points: 90 },
    { rank: 2, team: '利物浦', played: 38, win: 26, draw: 8, loss: 4, goalsFor: 89, goalsAgainst: 22, goalDifference: 67, points: 86 },
    { rank: 3, team: '切尔西', played: 38, win: 21, draw: 11, loss: 6, goalsFor: 76, goalsAgainst: 33, goalDifference: 43, points: 74 },
    { rank: 4, team: '热刺', played: 38, win: 22, draw: 5, loss: 11, goalsFor: 69, goalsAgainst: 40, goalDifference: 29, points: 71 },
    { rank: 5, team: '阿森纳', played: 38, win: 22, draw: 3, loss: 13, goalsFor: 61, goalsAgainst: 48, goalDifference: 13, points: 69 }
];

const standingsTable = document.querySelector('#standings tbody');

standingsData.forEach(team => {
    const row = document.createElement('tr');
    row.innerHTML = `
        <td>${team.rank}</td>
        <td>${team.team}</td>
        <td>${team.played}</td>
        <td>${team.win}</td>
        <td>${team.draw}</td>
        <td>${team.loss}</td>
        <td>${team.goalsFor}</td>
        <td>${team.goalsAgainst}</td>
        <td>${team.goalDifference}</td>
        <td>${team.points}</td>
    `;
    standingsTable.appendChild(row);
});